import { StyleSheet } from "react-native";
import { TwitterPalette } from "@/styles/twitter.style";

export default StyleSheet.create({
  previewContainer: {
    margin: 16,
    borderRadius: 12,
    padding: 12,
    height: 200,
    shadowOffset: { width: 0, height: 1 },
    shadowOpacity: 0.1,
    shadowRadius: 4,
    elevation: 2,
  },
  previewTitle: {
    fontWeight: "bold",
    marginBottom: 8,
  },
  settingsCard: {
    marginHorizontal: 16,
    marginTop: 12,
    borderRadius: 12,
    padding: 16,
  },
  messageContainer: {
    flexDirection: "row",
    marginVertical: 4,
    alignItems: "center",
    alignSelf: "flex-start",
  },
  messageBubble: {
    padding: 10,
    borderRadius: 16,
    maxWidth: "80%",
  },
  bubbleLeft: {
    borderBottomLeftRadius: 4,
  },
  bubbleRight: {
    alignSelf: "flex-end",
    borderBottomRightRadius: 4,
  },
});
